// 渲染页面
$(function(){
    var currentpage = 1;
    var pageSize = 3;
    function render (){
    $.ajax({
        url:'/product/queryProductDetailList',
        type:'get',
        dataType:'json',
        data:{
            pageSize:pageSize,
            page:currentpage
        },
        success:function(res){
            console.log(res);
            $('tbody').html(template('temp',res))  
            setpage(res.total)     
        }

    })
    }
    render()
    
// 添加分页
function setpage(total){
    $("#paginator").bootstrapPaginator({
        bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage:currentpage,//当前页
        totalPages:Math.ceil(total/pageSize),//总页数
        size:"small",//设置控件的大小，mini, small, normal,large
        onPageClicked:function(event, originalEvent, type,page){
          //为按钮绑定点击事件 page:当前点击的按钮值
          currentpage = page
          render()
        }
    })
}

// 模态框
// 渲染下拉菜单内容
$.ajax({
    url:'/category/querySecondCategoryPaging',
    type:'get',
    data:{
        page:1,
        pageSize:100
    },
    dataType:'json',
    success:function(res){
        // console.log(res);
        $('.two-list').html(template('list-temp',res))
    }
})

// 实现下拉菜单功能-改变按钮内容--把id传送给隐藏域
$('.two-list').on('click','a',function(){
    $('.two-span').text($(this).text())
    $('#brandId').val($(this).data('id'))
    // console.log($('.two-span').text(), $('#brandId').val());
    $('#addform').data('bootstrapValidator').updateStatus('brandId', 'VALID')
})



//  上传图片--使用插件--早上做
// 先做上传 然后再添加只能上传三条的问题
var picArr= []
$("#file").fileupload({
  dataType:"json",
  //e：事件对象
  //data：图片上传后的对象，通过data.result.picAddr可以获取上传后的图片地址
  done:function (e, data) {
    console.log(data);
    var img = data.result
  picArr.unshift(img)
  console.log(picArr);
  
  $('.img-box').prepend('<img src="'+ data.result.picAddr +'" height="100"></img>')
  // 上传成功了
    if(picArr.length>3){
      // 删除数组里最后一个
      picArr.pop()
      $('.img-box img:last-child').remove()
      console.log(picArr);
      //把图片数据转换为字符串赋值给隐藏域
    }
    if(picArr.length==3){
      var str = JSON.stringify(picArr)
      //此处有bug，为啥没有给隐藏域赋值成功？？？---因为判断写错地方了 写在上个if的里面了 你个大傻子
      $('#picArr').val(str)
      console.log( $('#picArr').val());
      $('#addform').data('bootstrapValidator').updateStatus('picArr', 'VALID')
    }
  }
});


// 校验表单
$('#addform').bootstrapValidator({
  //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
  excluded: [':disabled'],

  //2. 指定校验时的图标显示，默认是bootstrap风格
  feedbackIcons: {
    valid: 'glyphicon glyphicon-ok',
    invalid: 'glyphicon glyphicon-remove',
    validating: 'glyphicon glyphicon-refresh'
  },
  
  //3. 指定校验字段/ 可适当加入正则校验
  fields: {
    brandId: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请选择二级分类'
        }
      }
    },

    proName: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入商品名'
        }
      }
    },
    proDesc: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入商品描述'
        }
      }
    },
    num: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入库存数量'
        },
        regexp: {
          regexp: /[1-9]\d/,
          message: '数量必须是非0的数字'
        }
      }
    },
    size: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入尺寸'
        }
      }
    },
    oldPrice: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入商品原价'
        }
      }
    },
    price: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请输入商品现价'
        }
      }
    },
    picArr: {
      validators: {
        //不能为空
        notEmpty: {
          message: '请上传三张图片'
        }
      }
    },
  }

});

// 添加按钮功能完成  点击事件+ajax 渲染数据
$('#addform').on('success.form.bv', function (e) {
  e.preventDefault();
  //使用ajax提交逻辑
  $.ajax({
    url:'/product/addProduct',
    type:'post',
    data:$('#addform').serialize(),
    dataType:'json',
    success:function(res){
      // console.log(res);
      $('#myModal').modal('hide')
      render()
      // 再点击添加会发现内容出现了遗留，重置内容可以通过validator实例的resetForm来清除，包括式样
      // $("#addform").data('bootstrapValidator').resetForm()
      $('#addform').data('bootstrapValidator').resetForm(true);
      // 清空下拉菜单隐藏域内容
      $('.two-span').text('请选择二级分类')
      // 清空图片隐藏域
     $('.img-box').empty()
    //  清空存放图片数据的数组
    picArr= []
    }
  })
});

})



